<template>
  <div>
    <h2>当前记数：{{sum}}</h2>
    <button @click="sum++">记数加1</button>
    <br>
    <h2>当前点击时鼠标的坐标为：x：{{point.x}}，y：{{point.y}}</h2>
  </div>
</template>

<script>
import { ref, } from 'vue';
import usePoint from '@/hooks/usePoint'
export default {
  name: 'Demo',
  setup(){
    let sum = ref(0)

    let point = usePoint()

    return{
      sum,
      point
    }
  },
}
</script>

<style>

</style>
